<template>
    <div class="c-first">
        <div class="c-first-item">
            <c-title>
                一、大赛介绍
            </c-title>
            <div class="c-first-one-text">
                <div class="one-text-title">
                    1.大赛宗旨
                </div>
                <div class="one-text-content">
                    济南市第一届“国学达人”挑战赛以弘扬中华民族传统文化、提升青少年传统文化涵养、增强青少年文化自信为理念，使其成为全市青少年学习、展示、交流国学知识的黄金舞台，传播优秀传统文化的绝佳平台，从而激发青少年及社会各界更加关注国学、热爱国学、学习国学。
                </div>
            </div>
            <div class="c-first-one-text">
                <div class="one-text-title">
                    2.参与对象
                </div>
                <div class="one-text-content">
                    活动分为小学组、初中组、高中组和大学组。参加对象为全市各大、中、小学校在校学生。其中，小学组1-2年级学生为自愿参与，以3-6年级学生为参赛主体；中学阶段以非毕业班学生为参赛主体；中等职业学校学生可参加高中组活动；大学组以本科生和研究生为参赛主体。
                </div>
            </div>
        </div>
        <div class="c-first-item c-first-two">
            <c-title>
                二、比赛时间
            </c-title>
            <ul class="c-first-two-menu">
                <li  v-for="(item,index) in menu"
                     :class="{'border-red': index === menuI}"
                     @click="checkMenu(index)">{{item}}</li>
            </ul>
            <div class="c-first-two-content">
                <div class="two-content-item" v-for="(item,index) in menuContent[menuI]">
                    <div class="black-round">
                        <div>{{item.name.substr(0,1)}}</div>
                        <div>{{item.name.substr(1,2)}}</div>
                    </div>
                    <div class="two-content-item-time">
                        <div><img src="../../../assets/img/china/line.png" alt=""></div>
                        <div class="item-time-content">
                            <div v-show="item.startTime != ''"><span>报名时间</span>{{item.startTime}}</div>
                            <div><span>比赛时间</span>{{item.endTime}}</div>
                            <div><span>公布结果</span>{{item.overTime}}</div>
                            <div v-show="item.address"><span>{{index == 1 ? '复' : '决'}}赛地点</span>{{item.address}}</div>
                        </div>
                        <div><img src="../../../assets/img/china/line.png" alt=""></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="c-first-item c-first-three">
            <c-title>
                三、比赛内容
            </c-title>
            <div class="c-three-content">
                <div>
                    基本范围：包括中华传统哲学、史学、文学、语言文字、艺术、民俗、宗教、服饰、饮食、建筑、交通、历史地理、文物古籍、法制、经济、科技、医学、农学等。
                </div>
                <div>
                    <span>1、小学组。</span>
                    ①学习掌握小学教材中的中华优秀传统文化知识。②掌握常用汉字、成语故事、经典诗文的基本内涵；了解中华民族传统节日、节气、神话等专题的常识及其文化内涵；熟悉基本传统礼仪、传统体育、经典民间艺术与民族艺术、著名的文化古迹、脍炙人口的励志教育故事、中华民族发展史等基础内容。③《三字经》《百家姓》《千字文》《千家诗》《弟子规》《声律启蒙》《龙文鞭影》《论语》《西游记》等经典书目中适合小学生学习掌握的常识性、基础性内容。
                </div>
                <div>
                    <span>2、初中组。</span>
                    ①学习掌握小学组上述内容。②学习掌握初中教材中的中华优秀传统文化知识。③初步掌握古代诗词格律知识、基本的文言文听说读写能力；了解中国历史的重要史实和发展的基本线索；对书法、传统音乐、戏剧美术等艺术作品有基本的欣赏和操作能力。④《孟子》《诗经》《战国策》《资治通鉴》《山海经》《墨子》《列子》《庄子》《唐诗三百首》《宋词三百首》《水浒传》《三国演义》等经典书目中适合初中生学习掌握的内容。
                </div>
                <div>
                    <span>3、高中组</span>
                    ①学习掌握小学组、初中组上述内容。②学习掌握高中教材中的中华优秀传统文化知识。③理解掌握篇幅较长的传统文化经典作品、中华文明形成的历史进程、人民群众创造历史的决定作用和杰出人物的贡献、传统美德与时俱进的品质、传统艺术的表现形式和特点等内容。④《中庸》《大学》《左传》《国语》《史记》《老子》《荀子》《韩非子》《吕氏春秋》《古文观止》《元曲三百首》《红楼梦》等经典书目中适合高中生学习掌握的内容。
                </div>
                <div>
                    <span>4、大学组。</span>
                    ①学习掌握小学组、初中组、高中组上述内容。②理解掌握中国古代思想文化重要典籍中的精髓，正确把握中华优秀传统文化与中国化马克思主义、社会主义核心价值观的关系。③《尚书》《周易》《礼记》《孝经》《史通》《孙子兵法》《淮南子》《楚辞》《文选》《杜工部集》《文心雕龙》等经典书目中应当掌握的内容。
                </div>
            </div>
        </div>
        <div class="c-first-item c-first-four">
            <c-title>
                四、大赛评委
            </c-title>
            <div class="c-four-content">
                <div class="c-four-item" v-for="(item,index) in person" :class="{'nr':(index + 1)/4 == 1 || index == 7}">
                    <img src="../../../assets/img/china/person.png" alt="">
                    <div class="c-four-item-text">
                        <div>
                            {{item.name}}&nbsp;教授
                        </div>
                        <div>
                            {{item.address}}&nbsp;{{item.job}}
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="c-first-item c-first-five">
            <c-title>
                五、奖项设置
            </c-title>
            <div class="first-five-content text-content">
                <div>
                    1.本次大赛设最佳国学达人小学组、初中组、高中组、大学组各20名（视实际情况可做必要调整）。根据队伍组织和参赛表现情况，设置优秀指导老师奖10名和学校优秀组织奖20名。
                </div>
                <div>
                    2.全市决赛时，将邀请市有关领导现场观赛，并对获奖代表队颁奖。
                </div>
            </div>
        </div>
        <div class="c-first-item c-first-three">
            <c-title>
                六、比赛规则
            </c-title>
            <div class="c-three-content">
                <div>
                    一、网络赛
                    网上报名及网上初赛（5月25日前完成）：大赛报名及初赛网址：www.guoxuedasai.com，5月25日前各参赛选手可登录大赛网址按提示进行报名注册，本次赛事分小学组、初中组、高中组及大学组，每一组别配置不同题库，题库由选择题、判断题、填空题三种模式组成，组成比例为40%、40%、20%。参赛选手按组别进行报名注册后可以进入答题模式。注册报名时如果出现所在学校名称未在选项中出现的情况请及时联系大赛组委会在后台予以增补。网站提供两种答题模式，一种为练习模式，一种为初赛模式。练习模式旨在让参赛选手进行正式初赛前的普及性学习及水平测试，进入练习模式后，答题模式为每答完一题出下一题。选择题、判断题、填空题题型随机。练习模式中涉及的题是总题库的60%。可循环做，每次限定做题时间为45分钟，不显示成绩，但会显示答案对错。进入初赛模式后，即正式进入比赛状态，初赛模式每张试卷由100道题的分题型试卷形式展示，题型组合为40道选择，40道判断，20道填空，满分为100分。初赛时间为45分钟，可做完题后提交，四十五分钟后试题无法完成的话，系统会自动提交。提交后会出示成绩、显示对错情况。初赛模式每个人有三次机会，取成绩最好的一次计入最终比赛成绩。网络初赛结束后，大赛组委会会根据成绩排名情况确定参加地面赛选手名单，成绩排名以答题成绩为排序根据，分数相等的，取用时短者。进入地面赛的选手数额视总体报名参赛人数而定。拟定各组别有50人进入地面赛即全市复赛。请参赛考生5月25日关注网站关于进入复赛的学生名单的公布信息，并于规定日期前填写参加复赛报名确认表。组委会根据确认表统一制作参赛学生报名表，参赛学生须仔细如实填写，凭报名表参加复赛。请参加复赛考生准备个人彩色2寸照1张，参加复试时统一交大赛组委会。5月26日完成复赛报名及审核工作。
                </div>
                <div>
                    二、地面赛
                    <div>
                        1、全市复赛（5月27日）：复试采用笔试方式进行，统一一文庙明伦堂开展，考试时间为一小时，题目数量100道，分为选择40道、判断40道、填空10道，满分100分。比赛试卷由大赛组委会专家确定。
                    </div>
                    <div>
                        具体比赛时间：
                    </div>
                    <div>
                        <div>5月27日上午9：00-10：00小学组复赛</div>
                        <div>5月27日上午10：30-11：30初中组复赛</div>
                        <div>5月27日下午13：30-14：30高中组复赛</div>
                        <div>5月27日下午15：00-16：00大学组复赛</div>

                    </div>
                    <div>
                        各参赛选手经过复赛笔试，采取淘汰制比赛方式，最终按复赛卷面成绩选取各比赛组别（小学组、初中组、高中组、大学组）选手的前30名进入决赛（视具体参赛人数确定）。
                    </div>
                    <div>
                        2、全市决赛（5月31日）：各参赛选手经过决赛阶段的面试、笔试，采取总成绩综合排名，最终按决赛成绩确定各比赛组别（小学组、初中组、高中组、大学组）选手的排名。
                    </div>
                    <div>
                        <div>
                            （1）决赛选拔流程为：
                        </div>
                        <div>
                            第一环节：笔试。考试时间为一小时，题目数量100道，分为选择40道、判断40道、填空10道，满分100分。比赛试卷由大赛组委会专家确定。
                        </div>
                        <div>
                            第二环节：选手自我介绍。
                        </div>
                        <div>
                            第三环节：评委提问、点评。
                        </div>
                        <div>
                            第四环节：评委打分。
                        </div>
                        <div>
                            第五环节：笔试成绩及评委打分成绩汇总。每名选手依次类推，前期按此要求告知各参赛选手，做好相应的准备工作。
                        </div>
                        <div>
                            （2）决赛地点及赛程安排
                        </div>
                        <div>
                            决赛地点：文庙明伦堂
                        </div>
                        <div>
                            赛程安排：
                        </div>
                        <div>
                            5月31日上午8：00-9：30小学组决赛
                        </div>
                        <div>
                            5月31日上午9：30-11：00初中组决赛
                        </div>
                        <div>
                            5月31日下午13：00-14：30高中组决赛
                        </div>
                        <div>
                            5月31日下午14：30-16：00大学组决赛
                        </div>
                        <div>
                            （3）分值计算规则：评委打分采取百分制，不设细项，由各评委独立综合打分即可。评委应着重考虑选手的国学知识掌握情况，据此综合给出一个分数，有突出亮点学生做好标记和备注说明。
                        </div>
                        <div>
                            所有选手面试结束后，按照笔试成绩占总分值70%，评委面试成绩占总分值30%的汇总标准由工作人员负责按分数从高到低的顺序统分，再由评委根据分数排名，结合在面试过程中自己对选手的评价，综合讨论并确定最后排名。
                        </div>
                        <div>
                            （4）奖项设置：每组别评选出20名“最佳国学达人”，并设置优秀指导老师奖10名和学校优秀组织奖20名。（视具体参赛人数而定）
                        </div>
                        <div>
                            任何未尽事宜可在本次大赛工作群中进行实时沟通，工作QQ群：568713667。
                        </div>
                        <div>
                            参赛选手1群，群号码：642719231。
                        </div>
                        <div>
                            国学达人参赛者2群，群号码：643147219。
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    import { cTitle } from '../../../components/main';
    export default {
        name:'c-first',

        data() {
            return {
                menu: ['小学组','初中组','高中组','大学组'],
                menuI:0,
                menuContent: [
                    [
                        {
                            name:'初赛',
                            startTime:'2017年5月19日-5月24日',
                            endTime:'2017年5月19日-5月24日',
                            overTime:'详情请见网站公告通知'
                        },
                        {
                            name:'复赛',
                            startTime:'',
                            endTime:'5月27日上午9：00-10:00',
                            overTime:'详情请见网站公告通知',
                            address:'济南市府学文庙明伦堂'
                        },
                        {
                            name:'决赛',
                            startTime:'',
                            endTime:'5月31日上午8：00-9：30',
                            overTime:'详情请见网站公告通知',
                            address:'济南市府学文庙明伦堂'
                        }
                    ],
                    [
                        {
                            name:'初赛',
                            startTime:'2017年5月19日-5月24日',
                            endTime:'2017年5月19日-5月24日',
                            overTime:'详情请见网站公告通知'
                        },
                        {
                            name:'复赛',
                            startTime:'',
                            endTime:'5月27日上午10：30-11:30',
                            overTime:'详情请见网站公告通知',
                            address:'济南市府学文庙明伦堂'
                        },
                        {
                            name:'决赛',
                            startTime:'',
                            endTime:'5月31日上午9：30-11：00',
                            overTime:'详情请见网站公告通知',
                            address:'济南市府学文庙明伦堂'
                        }
                    ],
                    [
                        {
                            name:'初赛',
                            startTime:'2017年5月19日-5月24日',
                            endTime:'2017年5月19日-5月24日',
                            overTime:'详情请见网站公告通知'
                        },
                        {
                            name:'复赛',
                            startTime:'',
                            endTime:'5月27日下午13:30-14:30',
                            overTime:'详情请见网站公告通知',
                            address:'济南市府学文庙明伦堂'
                        },
                        {
                            name:'决赛',
                            startTime:'',
                            endTime:'5月31日下午13：00-14：30',
                            overTime:'详情请见网站公告通知',
                            address:'济南市府学文庙明伦堂'
                        }
                    ],
                    [
                        {
                            name:'初赛',
                            startTime:'2017年5月19日-5月24日',
                            endTime:'2017年5月19日-5月24日',
                            overTime:'详情请见网站公告通知'
                        },
                        {
                            name:'复赛',
                            startTime:'',
                            endTime:'5月27日下午15:00-16:00',
                            overTime:'详情请见网站公告通知',
                            address:'济南市府学文庙明伦堂'
                        },
                        {
                            name:'决赛',
                            startTime:'',
                            endTime:'5月31日下午14：30-16：00',
                            overTime:'详情请见网站公告通知',
                            address:'济南市府学文庙明伦堂'
                        }
                    ]
                ],
                person:[ ]
            }
        },

        methods:{
            checkMenu(i) {
                this.menuI = i;
            }
        },

        components:{
            cTitle
        },

        mounted() {

        }
    }
</script>

<style scoped lang="less" rel="stylesheet/less" type="text/css">
    @import "../../../plugins/assets/css/flex.less";
    .text-content{
        // font-size:18px;
        font-weight:bold;
        line-height:28px;
    }
    .c-first{
        width: 50%;
        margin: 50px auto;
        &-item {
            margin-bottom:50px;
            .c-first-title{
                text-align: center;
                font-weight:bold;
                font-size:30px;
            }
            .c-first-one-text {
                margin: 20px 0;
                .one-text-title {
                    font-size:24px;
                    font-weight:bold;
                    text-align: center;
                    margin: 20px;
                }
                .one-text-content{
                    font-size:18px;
                    font-weight:bold;
                    line-height:28px;
                }
            }
        }
        .c-first-two {
            &-menu {
                width: 60%;
                margin:30px auto;
                .flex-auto;
                font-size:22px;
                font-weight:bold;
                li {
                    padding-bottom: 10px;
                    cursor: pointer;
                    color: #B12828;
                    border-bottom:2px solid transparent;
                }
                .border-red{
                    border-bottom: 2px solid #B12828;
                }
            }
            &-content{
                width: 70%;
                margin:30px auto;
                .two-content-item {
                    .flex-auto;
                    margin: 30px 0;
                    &-time{
                        font-weight:bold;
                        text-align: center;
                        width: 60%;
                        img{
                            width: 100%;
                            height:auto;
                            vertical-align: middle;
                        }
                        .item-time-content{
                            > div{
                                .flex-left;
                                margin: 20px 0 30px 0;
                                span {
                                    margin-right: 30px;
                                }
                            }
                        }
                    }
                }
            }
        }
        .c-first-three{
            .c-three-content {
                line-height: 30px;
                font-weight:bold;
                :first-child {
                    /*margin-top: 50px;*/
                }
                div {
                    margin-bottom:5px;
                }
                span{
                    color:#B12828;
                }
            }
        }
        .c-four-content{
            overflow: hidden;
            .c-four-item {
                .box-sizing;
                margin-right:6%;
                margin-bottom: 30px;
                float: left;
                width: 20%;
                background: url('../../../assets/img/china/black_round.png') 0 40px no-repeat;
                background-size:80%;
                .c-four-item-text {
                    text-align: center;
                    margin-top: 50px;
                    div {
                        margin-top:10px;
                    }
                }
            }
            .nr {
                margin-right:0;
            }
            
        }
    }
    .black-round{
        background:url('../../../assets/img/china/black_round.png') 0 0 no-repeat;
        width: 140px;
        height:120px;
        color: #fff;
        font-weight:bold;
        font-size:24px;
        padding: 40px 0 0 50px;
        :last-child{
            text-indent:1em;
        }
    }

    @media screen and (max-width: 768px) {
        .text-content{
            // font-size:18px;
            font-weight:bold;
            line-height:28px;
        }
        .c-first{
            width: 90%;
            margin: 50px auto;
            font-size:2vw;
            &-item {
                margin-bottom:5vw;
                .c-first-title{
                    text-align: center;
                    font-weight:bold;
                    font-size:5vw;
                }
                .c-first-one-text {
                    margin: 20px 0;
                    .one-text-title {
                        font-size:4vw;
                        font-weight:bold;
                        text-align: center;
                        margin: 20px;
                    }
                    .one-text-content{
                        font-size:3vw;
                        font-weight:bold;
                        line-height:28px;
                    }
                }
            }
            .c-first-two {
                &-menu {
                    width: 60%;
                    margin:30px auto;
                    .flex-auto;
                    font-size:3vw;
                    font-weight:bold;
                    li {
                        padding-bottom: 10px;
                        cursor: pointer;
                        color: #B12828;
                        border-bottom:2px solid transparent;
                    }
                    .border-red{
                        border-bottom: 2px solid #B12828;
                    }
                }
                &-content{
                    width: 100%;
                    margin:30px auto;
                    .two-content-item {
                        .flex-auto;
                        margin: 30px 0;
                        font-size:2vw;
                        &-time{
                            font-weight:bold;
                            text-align: center;
                            width: 60%;
                            img{
                                width: 100%;
                                height:auto;
                                vertical-align: middle;
                            }
                            .item-time-content{
                                div{
                                    margin: 5vw 0 5vw 0;
                                    span {
                                        margin-right: 2vw;
                                    }
                                }
                            }
                        }
                    }
                }
            }
            .c-first-three{
                .c-three-content {
                    line-height: 30px;
                    font-weight:bold;
                    :first-child {
                        margin-top: 50px;
                    }
                    div {
                        margin-bottom: 20px;
                    }
                    span{
                        color:#B12828;
                    }
                }
            }
            .c-four-content{
                overflow: hidden;
                .c-four-item {
                    .box-sizing;
                    margin-right:6%;
                    margin-bottom: 30px;
                    float: left;
                    width: 20%;
                    background: url('../../../assets/img/china/black_round.png') 0 5vw no-repeat;
                    background-size:80%;
                    img {
                        width: 100%;
                        height:auto;
                    }
                    .c-four-item-text {
                        text-align: center;
                        margin-top: 2vw;
                        div {
                            margin-top:1vw;
                        }
                    }
                }
                .nr {
                    margin-right:0;
                }

            }
        }
        .black-round{
            background:url('../../../assets/img/china/black_round.png') 0 0 no-repeat;
            background-size:cover ;
            width: 20%;
            height:18vw;
            color: #fff;
            font-weight:bold;
            font-size:3vw;
            padding: 7vw 0 0 7vw;
            :last-child{
                text-indent:1em;
            }
        }
    }
</style>